/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
@import "../base/library.less";
@import "../../../../../../Base/baseLib/sap_belize/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/sap_belize/base.less" */

@import "../../../../../sap/ui/core/themes/sap_belize/global.less";
/* START "Overlay.less" */
/******************************************************************
	Style of the RTA Overlays - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_Overlay_BaseBG : @sapBackgroundColor;			//#fafafa
@_sap_ui_rta_Overlay_BaseColor : darken(@sapPrimary1,8);	//#2F3C48
@_sap_ui_rta_Overlay_Base_PlaceholderBG : @sapPrimary3;		//#eff4f9

.sapUiRta {
	.sapUiDtOverlayDropZone {
		> .sapUiDtOverlayChildren {
			> .sapUiDtOverlayMovable {
				background: inherit;
			}

			> .sapUiRtaOverlayPlaceholder {
				background: @_sap_ui_rta_Overlay_Base_PlaceholderBG !important;
				// all descendants
				* {
					background: @_sap_ui_rta_Overlay_Base_PlaceholderBG;
				}
			}
		}
	}
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/******************************************************************
	Style of the RTA Contextmenu - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_ContextMenu_Border_LightColor : @sapUiWhite;  //#fff
@_sap_ui_rta_ContextMenu_Border_DarkColor : darken(@sapPrimary1,8);	//#2F3C48
@_sap_ui_dt_ContextMenu_BoxShadow : 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0px 0px 0px 1px fade(white, 20), 0px 1px 0px 0 fade(white, 20);

.sapUiRtaMode {

	.sapUiDtContextMenu{

		&.sapMPopover, .sapMPopover {
			border: 2px solid @_sap_ui_rta_ContextMenu_Border_LightColor;
			border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 6px) 4;
			box-shadow: @_sap_ui_dt_ContextMenu_BoxShadow;
		}

		&.sapMPopoverArr, .sapMPopoverArr {
			width: 2rem;
			height: 2rem;
			bottom: -32px;
			left:	5px!important;
			&:after {
				box-shadow: 0.375rem -0.375rem 0.75rem 0 fade(black,30), 0px 0px 0px 1px fade(white,20);
				border: 2px solid @_sap_ui_rta_ContextMenu_Border_LightColor;
				border-image: repeating-linear-gradient( -50deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 5px) 4;
				width: 1rem;
				height: 1rem;
				margin: -0.65rem 0 0 0.35rem;
			}
			&.sapMPopoverArrUp {
				height:	1rem;
				top: -16px;
				&:after {
					box-shadow: -0.375rem 0.375rem 0.75rem 0 fade(black,30), 0px 0px 0px 1px fade(white,20);
					margin: 0.35rem 0 0 0.35rem;
				}
			}
		}
	}
}

html.sap-desktop .sapUiDtContextMenu .sapMBtn:focus:not(:hover) > .sapMFocusable,
html.sap-desktop .sapUiDtContextMenu.sapMBtn:focus:not(:hover) > .sapMFocusable {
	outline: none;
	border: 1px dotted;
}

html.sap-desktop .sapUiDtContextMenu .sapMBtn:focus > .sapMFocusable,
html.sap-desktop .sapUiDtContextMenu.sapMBtn:focus > .sapMFocusable {
	border: 1px solid;
	outline: 1px dotted @_sap_ui_dt_ContextMenu_FocusColor;
	outline-offset: 1px;
}
/* END "ContextMenu.less" */

/* START "Dialogs.less" */
/******************************************************************
	Style of Dialogs shown in RTA - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_Border_LightColor : @sapUiWhite;  				//#fff
@_sap_ui_rta_Border_DarkColor : darken(@sapPrimary1,8);		//#2F3C48

.sapMDialog.sapUiRTABorder,
.sapUiRtaMode .sapMMessageToast {
	border: 3px solid @_sap_ui_rta_Border_LightColor;
	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Border_DarkColor, @_sap_ui_rta_Border_DarkColor 5px, @_sap_ui_rta_Border_LightColor 5px, @_sap_ui_rta_Border_LightColor 10px) 4;
}
/* END "Dialogs.less" */

/* START "FieldRepository.less" */
/******************************************************************
	Style of the RTA FieldRepository  - sap_belize Theme
*******************************************************************/
@sap_ui_rta_FieldRepository_ListSelect:darken(@sapList_Active_TextColor, 10%); //#e6e6e6
@sap_ui_rta_FieldRepository_ListHoverText: @sapList_TextColor; // #333333
@sap_ui_rta_FieldRepository_ListHoverBG: @sapUiListSelectionHoverBackground; // #dde8f1

.sapUiRtaMode {

	.sapUIRtaFieldRepositoryDialog {
		.sapMBtn {
			&:hover {
				> .sapMBtnHoverable {
					background: #ebebeb;
					outline: 1px solid @sapContent_FocusColor;
				}
			}
		}
		.sapMLIBHoverable {
			&:hover {
				background: @sap_ui_rta_FieldRepository_ListSelect;
				color: @sap_ui_rta_FieldRepository_ListHoverText;
			}
			&.sapMLIBSelected:hover {
				background: @sap_ui_rta_FieldRepository_ListHoverBG;
				color: @sap_ui_rta_FieldRepository_ListHoverText;
			}
		}
		.sapMLIB.sapMLIBSelected {
			border-color: transparent;
		}
	}
}
/* END "FieldRepository.less" */

/* START "Toolbar.personalization.less" */
/******************************************************************
	Style of the Personalization Toolbar - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapPrimary1,8);	//#2F3C48
/* END "Toolbar.personalization.less" */

/* START "Toolbar.standalone.less" */
/******************************************************************
	Style of the RTA Standalone Toolbar - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Standalone_BaseColor : darken(@sapPrimary1,8);	//#2F3C48

/* END "Toolbar.standalone.less" */

/* START "Toolbar.adaptation.less" */
/******************************************************************
	Style of the RTA Toolbar (type: adaptation) - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Adaptation_BaseColor : darken(@sapPrimary1,8);	//#2F3C48
@_sap_ui_rta_Toolbar_Adaptation_TextColor : @sapUiWhite;	// #fff

.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
	border: 2px solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Toolbar_Adaptation_BaseColor, @_sap_ui_rta_Toolbar_Adaptation_BaseColor 4px, @_sap_ui_rta_Toolbar_Adaptation_TextColor 4px, @_sap_ui_rta_Toolbar_Adaptation_TextColor 6px) 4;
	box-shadow: 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0px 0px 0px 1px fade(white, 20), 0px 1px 0px 0 fade(white, 20);

	.sapMHBox.sapMFlexBox:last-child .sapMFlexItem:first-child .sapMTB {
		height: 40px;
	}

	.sapMFlexBox {
		height: 40px;
	}
}
/* END "Toolbar.adaptation.less" */

/* START "Toolbar.base.less" */
/******************************************************************
	Style of the RTA Toolbar (all types) - sap_belize Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG : lighten(saturate(@sapPrimary2, 40%), 42%);	//#CAE4FB
@_sap_ui_rta_Toolbar_Base_TextColor : @sapUiWhite;										// #fff
@_sap_ui_rta_Toolbar_Base_BaseColor : darken(@sapPrimary1,8);							//#2F3C48
@_sap_ui_rta_Toolbar_Base_BtnHover : fade(lighten(@sapPrimary1, 18%), 50%);				//rgba(99, 127, 153, 0.5)

.sapUiRtaToolbar {
	background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
	.sapMBtn {
		&.sapMBtnDisabled .sapMBtnInner{
			opacity: 1.0;
		}
		&:hover > .sapMBtnTransparent.sapMBtnHoverable{
			background-color: @_sap_ui_rta_Toolbar_Base_BtnHover;
			border-color: @_sap_ui_rta_Toolbar_Base_BtnHover;
		}
	}

	.sapMSegBBtn.sapMSegBBtnFocusable {
		&:hover .sapMSegBBtnInner,
		&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
			background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
		}
	}
}

html.sap-desktop .sapUiRtaToolbar .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner,
html.sap-desktop .sapUiRtaToolbar .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
	background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
}

html.sap-desktop .sapUiRtaToolbar .sapMSegBBtnFocusable.sapMSegBBtnSel:focus .sapMSegBBtnInner {
	outline-offset: -1px;
}

/* END "Toolbar.base.less" */
